<template>
    <div class="reports" id="main" style="width:80%;height:400px">

    </div>
</template>
<script setup>
import { Reports } from '@/utils/login.js'
import { onMounted,ref } from 'vue'
import * as echarts from 'echarts';


const city = ref([]);
onMounted(async () => {
    // getReports();
    let data = await Reports();
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option = {};
option && myChart.setOption(data.data);

window.addEventListener("resize", function () {
	myChart.resize();
})
})
</script>
<style lang="scss" scoped>
    
</style>